微信浏览器返回刷新,监听微信浏览器返回事件,网页防复制,移动端禁止图片长按和vivo手机点击img标签放大图片 | 您所在的位置:网站首页 › pagehide 微信 › 微信浏览器返回刷新,监听微信浏览器返回事件,网页防复制,移动端禁止图片长按和vivo手机点击img标签放大图片 |
以下代码都经过iphone7,华为MT7 ,谷歌浏览器,微信开发者工具,PC端微信验证。如有bug,还请在评论区留言。 demo链接:https://pan.baidu.com/s/1c35mbjM 密码:5yyf 1.移动端微信浏览器返回刷新事件,在返回后的页面上加上以下代码: $(function () { var isPageHide = false; window.addEventListener('pageshow', function () { if (isPageHide) { window.location.reload(); } }); window.addEventListener('pagehide', function () { isPageHide = true; }); })2.监听微信浏览器返回事件,在需要返回监听的页面上插入以下代码: $(function() { pushHistory(); window.addEventListener("popstate", function(e) { alert("我监听到了浏览器的返回按钮事件啦"); //根据自己的需求实现自己的功能 pushHistory(); //去掉这行,监听只能执行一次 }, false); //停留在当前页面,阻止页面返回 function pushHistory(){ var state = { title: "title", url: "#" }; window.history.pushState(state, "title", "#"); } }); 监听:按返回键退出微信浏览器 $(function() { pushHistory(); window.addEventListener("popstate", function(e) { WeixinJSBridge.call('closeWindow'); pushHistory(); //去掉这行,监听只能执行一次 }, false); function pushHistory() { var state = { title: "title", url: "#" }; window.history.pushState(state, "title", "#"); } });
3.网页防复制: (1)移动端:body标签上面加 ontouchstart="return false"(整个网页不能touch),或者用user-select:none;(文本不能复制) 复制不了~.no-select{ -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; } (2)PC端:页面上插入以下JS img{ pointer-events: none;/*禁用鼠标*/ }4.移动端禁止图片长按和vivo手机点击img标签放大图片,禁止长按识别二维码或保存图片 img{ pointer-events: none; }让某图单独可以长按识别二维码或保存图片 img-a{pointer-events: visible;}
|
CopyRight 2018-2019 实验室设备网 版权所有 |